草庐IT

css - seo和div显示:none

全部标签

javascript - CSS3 圆形菜单

我找到了this漂亮的圆形菜单,我正在努力调整它以适应我自己的需要。我只需要该菜单中的四个元素,并且应该增加它们的“宽度”(水平空间)。我把原始代码放在这个fiddle里了.有四个元素的版本是here.如前所述,我试图通过增加它们的大小来填充它们之间的空白区域,因为我想在其中放置更多文本。我认为可能相关的部分CSS:.csstransforms.cn-wrapperli{position:absolute;top:50%;left:50%;overflow:hidden;margin-top:-1.3em;margin-left:-10em;width:10em;height:10em

javascript - 不要通过 Onload 属性显示损坏的图像

我有一个包含大量图片的网站。其中一些在服务器上丢失了-被所有者删除了。如果图像未加载(损坏),我想显示占位符-标准图像,表示图像丢失。我不想重写所有模板,所以我不能将onError属性添加到每个图像标签,所以我不能使用这个解决方案:jQuery/JavaScripttoreplacebrokenimages是否可以编写全局函数来检查所有图像并替换加载时损坏的图像? 最佳答案 是的,因为您的标签中有jQuery,您可以为此使用jQuery。绑定(bind)onerror所有的处理程序节点:$('img').on('error',fun

javascript - d3 - 将鼠标悬停在图例上以突出显示相应的数据

使用d3成功创建了热图。这是FIDDLE.我对使用d3的mouseover事件有一些基本的想法。但现在我想更进一步。这就是我要找的。当我将鼠标悬停在图例上时,我希望悬停的图例各自的数据在图表中突出显示。有人可以帮我实现吗? 最佳答案 您没有将数据绑定(bind)到图例,这使得这项任务有点困难,但您仍然可以相当轻松地完成它。这个想法是将由填充颜色定义的类分配给rect元素,然后在鼠标悬停处理程序中进行相应的选择。代码如下所示。//fortherectangles.attr("class",function(d){return"hour

javascript - 视频元素在 IE8 中不显示?

我想在所有浏览器中嵌入视频元素,但它在除IE8之外的所有浏览器中都可以正常工作。这里,我使用mediaelement.js库来实现。 最佳答案 首先,要尝试几件事:确保在IE8上安装了Flash。它是旧版浏览器中Mediaelement.js的后备。确保将所有脚本和css放在中标签。从起将不起作用在IE6-8中。尝试转到Mediaelement的website或下面的链接。它们在安装了Flash的IE8中应该可以正常工作,如果不能,则可能是您的浏览器存在本地问题。我在下面的IE8中整理了一个工作示例。JSBin上的示例.IE版本8.

javascript - 如何在 Rails 应用程序上有效地限定 javascript set css 的范围?

在我的Rails应用程序上确定我的javascript和css文件的范围时遇到了很多麻烦。通过范围界定,我的意思是:如何处理仅在一个页面或一个Controller中使用的java脚本和CSS?我尝试了一些解决方案,但它们都很复杂且不够优雅:我看到了一些这样的建议:像这样将我的.js文件直接包含在我的.erb文件中:然后在应用程序布局中生成它。但这意味着再向服务器发出一个请求以获取.js文件。我认为为应用程序保留一个.js文件和一个.css文件很重要,它们由Assets管道创建我看到了一些其他建议,例如测试我的HTML标记是否出现在带有.length的DOM上jquery的方法。这仍然意

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 如何让 Div 粘在光标上

我有一个脚本,它在悬停时显示一个div并将其粘贴到光标上。$(".picture_holder_thumb").mouseover(function(){$(".title",this).show();});$(".picture_holder_thumb").mouseout(function(){$(".title",this).hide();});$(document).bind('mousemove',function(e){$(".title",this).css({left:e.pageX,top:e.pageY});});它有效,但不知何故,粘性div和光标之间总是有很大

javascript - 如何仅当在 jVectorMap 中单击区域时才显示工具提示,并让它打开?

我正在使用这个jVectorMap.默认情况下,它会在悬停时显示工具提示。这是我要实现的目标-仅在单击时显示工具提示(部分有效,但工具提示应位于鼠标光标上方。我不知道如何获取鼠标光标位置。)让工具提示打开,直到用户明确点击关闭。代码:jsfiddle$('#map').vectorMap({map:"us_aea_en",backgroundColor:"transparent",regionStyle:{initial:{fill:"#818486"}},onRegionClick:function(e,code){varmap=$('#map').vectorMap('get','

javascript - 有没有办法避免 AngularJS 在页面加载之前显示所有隐藏的元素?

所有具有ng-hide属性的元素在页面加载之前都是可见的(并且Angular隐藏它们)——在那之前它会产生一个奇怪的网页外观。使用jquery,我习惯于设置style="display:none"并在js完成时显示它们。我在AngularJS中做错了什么吗?或者有更好的方法来解决这个问题吗?非常感谢!加载时显示所有隐藏元素的页面示例: 最佳答案 试试看//Code文档https://docs.angularjs.org/api/ng/directive/ngCloak 关于javascr

javascript - 仅将 CSS 类添加到那些没有 'title' 属性的链接

LinkLinkLinkLink我想添加一些CSS类Link我如何使用jQuery或JavaScript实现这一点 最佳答案 无需使用jQuery添加CSS类。您可以在CSS中使用属性值选择器。a[title=""]{color:red;}除了样式目的之外,使用jQuery添加类$('a[title=""]').addClass('someClass');选择没有title属性的元素a:not([title]){color:red;}可以在jQuery中使用相同的选择器。$('a:not([title])')